<template>
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <slot></slot>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</template>

<script>
import Swiper from "swiper"

export default {
    name: 'Swiper',
    methods: {
        myswiper: function () {
            var swiper = new Swiper(".mySwiper", {
                pagination: {
                    el: ".swiper-pagination",
                },
            });
        }
    },
    mounted() {
        this.myswiper()
    },
}

</script>

<style scoped>
@import url("../../../../node_modules/swiper/swiper.min.css");

.swiper {
    width: 100%;
    height: 100%;
}


</style>